{% extends "data_list.html" %}
{% load i18n %}
{% block headjs %}
    <script type="text/javascript" src="/media/jslib/payroll_report.js"></script>
    <style>
        .payroll-progress {
            width:300px;
            height:130px
        }
        .payroll-progress table th {
            width: 90px;
            text-align: right;
            padding: 0px 5px 0px 5px;
        }
        .payroll-progress table td {
            width: 220px;
        }
        .payroll-progress table td, .payroll-progress table th{
            margin: 0;
            border-width: 0px 1px 1px 0px;
            border-color: #d5d8d2;
            border-style: solid;
        }
        .info-panel {
            margin-top: 5px;
            margin-left: 5px;
        }
    </style>
{% endblock %}
{% block getdatalist %}
{% endblock %}
{% block data_remove_tab %}
{% endblock %}
{% block content %}
{% endblock %}
{% block addjs %}
{% if "SECURITY_AND_ZKECO"|filter_config_option or "USE_ABROAD_ATT"|filter_config_option %}
    $(".leftBox").remove();
{% endif %}
    window.onload = SalaryFormula;
{% endblock %}
{% block content_end %}
<div id="id_exists" class="displayN payroll-progress">
    <div>
        <table>
            <tr><td colspan="2"><div id="id_exists_tip"></div></td></tr>
            <tr>
                <th>{% trans 'Totally' %}</th>
                <td><div id="id_exists_totally"></div></td>
            </tr>
            <tr>
                <th>{% trans 'Calculated' %}</th>
                <td><div id="id_exists_calculated"></div></td>
            </tr>
            <tr>
                <th>{% trans 'Waiting' %}</th>
                <td><div id="id_exists_waiting"></div></td>
            </tr>
            <tr>
                <th>{% trans 'Start Time' %}</th>
                <td><div id="id_exists_start"></div></td>
            </tr>
            <tr>
                <th>{% trans 'End Time' %}</th>
                <td><div id="id_exists_end"></div></td>
            </tr>
        </table>
    </div>
</div>
<div id="id_progress" class="displayN payroll-progress">
    <div>
        <table>
            <tr><td colspan="2"><div id="id_tip"></div></td></tr>
            <tr>
                <th>{% trans '总共' %}</th>
                <td><div id="id_totally"></div></td>
            </tr>
            <tr>
                <th>{% trans '已计算' %}</th>
                <td><div id="id_calculated"></div></td>
            </tr>
            <tr>
                <th>{% trans '待计算' %}</th>
                <td><div id="id_waiting"></div></td>
            </tr>
            <tr>
                <th>{% trans '进度' %}</th>
                <td><div id="id_progresser" style="margin-left: 5px"></div></td>
            </tr>
        </table>
        <div class="info-panel">
        </div>
    </div>
</div>
<div style="margin:0px 10px 10px 10px;">
    <div id="id_divsearch" class="calculate_divsearch">
		<div style="margin:10px 10px 5px 10px;">
		<form id="id_calculateform" method="post">
		<div class="news_topsearch">
        	<table width="100%" border="0" cellspacing="0" cellpadding="0">
		        <tr>
			        <td width="50"><div class="news_topsearch1">{% trans '查询' %}</div></td>
			        <td><div class="news_topsearch2">
                        <table>
                            <tr>
                            {% block select_emp %}
                            {% autoescape off %}
                                <td name = "emp"><div class="lineH22">{{ empfield|field_as_label_tag_no_asterisk }}</div></td><td name = "emp">{{empfield.as_widget}}</td>
                                <td><div class="lineH22">&nbsp;&nbsp;{% trans "开始日期" %}</div></td><td><input type="text" class="date dp-applied"  format="yyyy-MM-dd" readonly="True" name="ComeTime" id="id_cometime"/></td>
								<td><div class="lineH22">&nbsp;&nbsp;{% trans "结束日期" %}</div></td><td><input type="text" class="date dp-applied" format="yyyy-MM-dd" readonly="True" name="EndTime" id="id_endtime"/></td>
                            {% endautoescape %}
					        {% endblock %}
                                <td><div style="margin:0px 0px 0px 5px;"><span class="action_Search">&nbsp;</span><a id="id_query" href="javascript:void(0);" class="Link_blue1" >{% trans '查询' %}</a></div></td>
                                <td><div style="margin:0px 0px 0px 5px;"><span class="action_calculate">&nbsp;</span><a id="id_att_calculate" href="javascript:void(0);" class="Link_blue1">{% trans '考勤统计' %}</a></div></td>
                                <td><div style="margin:0px 0px 0px 5px;"><span class="action_calculate">&nbsp;</span><a id="id_payroll_calculate" href="javascript:void(0);" class="Link_blue1">{% trans '薪资统计' %}</a></div></td>
                            </tr>
                            <tr><td colspan="3">
                                <div id="id_ReturnMsg" class="div_ReturnMsg"></div></td>
                            </tr>
                        </table>
                        <input type="hidden" name="DeptIDs" value="" />
                        <input type="hidden" name="isForce" value="0" />
                        <input type="hidden" name="UserIDs" value="" />
                        <input type="hidden" name="dept_child" id="dept_child" value="0" />
			        </div></td>
                </tr>
            </table>
		</div>
		</form>
		</div>
	</div>
    <div id="report_tabs" style="margin-right: 20px;margin-left: 20px;">
        <ul class="tabs">
            <li><a id="salary_formula" href="javascript:void(0)" class="current" onClick="SalaryFormula()">{% trans '薪资计算公式' %}</a></li>
            <li><a id="salary_change" href="javascript:void(0)" class="current" onClick="SalaryChange()">{% trans '薪资调整' %}</a></li>
            <li><a id="salary_detail" href="javascript:void(0)" class="" onClick="SalaryDetail()">{% trans '工资详情' %}</a></li>
            <li><a id="monthly_salary" href="javascript:void(0)" class="" onClick="MonthlySalary()">{% trans '月工资' %}</a></li>
            <li><a id="wps_report" href="javascript:void(0)" class="" onClick="WPSReport()">{% trans 'WPS报表' %}</a></li>
        </ul>
        <div class="attCalculatediv" id="report_frame" >
			<div id="grid_frame_div" scrolling="0" style="_height:1%">
			<iframe src="" id="grid_frame" frameborder="0" scrolling="0" width="100%" height="450"></iframe>
			</div>
		</div>
    </div>
    <div>
        <input id="current_index" value="1" type="hidden">
    </div>
</div>
{% block selfservices %}
{% endblock %}
{% endblock %}